@include b(internal-message-container) {
  position: relative;

  @include m(clickable){
    cursor: pointer;
  }

  @include e(unread-tag){
    position: absolute;
    top: getCssVar('spacing', 'tight');
    right: getCssVar('spacing', 'tight');
    display: none;
    align-self: flex-start;
    width: getCssVar('width-icon', 'extra-small');
    height: getCssVar('width-icon', 'extra-small');
    background-color: getCssVar(color, danger);
    border-radius: getCssVar(border, radius, circle);
  }

  @include e(click-tag){
    position: absolute;
    top: 50%;
    right: getCssVar('spacing', 'extra-tight');
    font-size: getCssVar('font-size', 'header-5');
    transform: translateY(-50%);
  }  

  @include m(unread){
    @include e(unread-tag){
      display: block;
    }

  }

}

@include b(internal-message-container-toolbar) {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  padding: getCssVar('spacing', 'tight');

  @include e(button){
    margin-left: getCssVar('spacing', 'tight');
    cursor: pointer;

    &:hover{
      color: getCssVar(color,primary);
    }
  }
}